<?php?>
<html>
    <head>
       <meta charset="utf-8">
	<title>Inicio de Sesion</title> 
	<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
	<meta content="es-co" http-equiv="Content-Language">
	<meta name="viewport" content="width=device-width, initial-scale=1"> 
	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
	<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
	<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
	<script src="js/jquery.validate.min.js"></script>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.js"></script> 
        <link rel="stylesheet" type="text/css" href="CSS/main.css"/>
        
        <script> 
function validausuario(){
   if(document.getElementById("email").value == "administrador@usa.com" && document.getElementById("password").value == "12345")
       {
           alert('¡Bienvenido!');
           window.close() 
       }
       else
           {
               alert('¡La contraseña y/o usuario son incorrectos!');
           }

} 
</script> 
    </head>
    <body>
          
        <div id="pagelog">
          
            <div class="inici">
                <form id="ingreso" class="validate"> 		 
		 		 
		 <p>
		 <label for="email">Usuario (Email)</label>
		 <input type="email" name="email" id="email" value="" data-mini="true" class="required email"/>
		 </p>

		 <p>
		 <label for="password">Contrase&ntilde;a:</label>
		 <input type="password" name="password" id="password" value="" data-mini="true" class="required" minlength="5"/>
		 </p>
                 
		<input type="button" value="Enviar" onClick="validausuario()"/>
                 
                 
	</form>	 
            </div>
                
        
          
            
        </div>
    </body>
        
</html>